import React from 'react';
class LikesButton extends React.Component {
  constructor(props) {
    super(props) //写super是硬性要求，继承了类的方法
    this.state={
      likes: 0
    }
    // this.increaseLikes=this.increaseLikes.bind(this)//要不然increaseLikes的this指向undefined。或者用剪头函数
  }
  increaseLikes () {
    this.setState({ //state里的值是 不能直接修改的，只能
      likes: ++this.state.likes
    })
    // console.log(this); 
  }
  render(){
    return (
      <div className='likes-button-component'>
        <button
          className="btn btn-outline-primary btn-lg"
          // onClick={this.increaseLikes}  //react事件绑定属性的名字都是驼峰写法，注意这里是传入函数，并不是一个字符串
          onClick={()=>{this.increaseLikes()}}
        >
          {this.state.likes}
        </button>
      </div>
    )
  }
}
export default LikesButton